<!--#
	var catalog = platform.findCatalogById(numberUtil.toLong(parameter.id));
-->
<!--#layout("common/page.html",{"jsBase":"/js/","title":catalog.name}){  -->
<style>
	.article-item img {width:100%;margin-bottom:5px }
</style>
<div class="doc-container" id="doc-container">
	<div class="page-banner">
		<!--#
               var image = util.getCatalogImage(catalog);
               var style = '';
               if (image != null) {
                   style = 'background-image:url(/core/file/inline/' + image.id + '/' + image.name +')';
               } else {
				   style = 'background-image:url(' + tpl + '/image/banner.jpg)';
               }
            -->
		<div class="page-banner-img-wrapper" style="${style}">
			<div class="banner-title">${util.getCatalogName(catalog)}</div>
		</div>
	</div>
	<div class="container-fixed">
		<div class="margin-top">
			<span class="layui-breadcrumb">
			  <a href="/">${util.getLocalValue("site.home")}</a>
			  <a href="${(catalog.code == null || catalog.code == '') ? (catalog.accessUrl+'?id='+catalog.id) : catalog.code}">${util.getCatalogName(catalog)}</a>
			</span>
			<hr />
		</div>
		<div class="inner">
			<!--#
			   var subCatalogList = cms.getCatalogByDictTypeAndValueAndParentCatalogId("","",catalog.id);
			   if (subCatalogList != null && subCatalogList.~size > 0) { -->
			   <div class="layui-hide" style="clear:both;display: flex;flex-direction: row;justify-content: space-around;align-items: center;">
					<!--# for(subCatalog in subCatalogList) {  -->
						<a class="float-left margin-right button bg-info align-center size-big margin-bottom" href="${(subCatalog.code == null || subCatalog.code == '') ? (subCatalog.accessUrl+'?id='+subCatalog.id) : subCatalog.code}" >${util.getCatalogName(subCatalog)}</a>
					<!--# } -->
			   </div>
			<!--# } -->
			<section class="padding margin-top bg-white" id="top">
				<h2 class="align-center padding-top-big padding-bottom-big">${util.getCatalogName(catalog)! }</h2>
				<hr />
				<div class="content artiledetail margin-top-big" style="border-bottom: 1px solid #e1e2e0; padding-bottom: 20px;">
					${util.getCatalogContent(catalog)! }
				</div>
			</section>
			<div>
				<!--# var limit = parameter.limit!100;  -->
				<layui:cmsArticleList var="articlePage" catalogId="${ stringUtil.toString(catalog.id!)}" keywords="${parameter.keywords}" orderby="top desc,show_time desc,id desc" page="${parameter.page!'1'}" pageSize="${ stringUtil.toString(limit)}">
					<!--#
					for(article in articlePage.list) {
					-->
					<section class="article-item zoomIn article">
						<h5 style="clear:both;height:50px;padding-right:10px" class="title" id="${article.title}">
							<a class="float-left" href="${ctxPath}/article.do?id=${article.id}&lang=${parameter.lang}">${util.getArticleTitle(article)}</a>
						</h5>
						<div class="content">
							${article.content}
						</div>
						<div class="align-center">
							<a href="#top" class="layui-btn layui-btn-sm layui-btn-normal text-black">返回</a>
						</div>
					</section>
					<!--#} -->
					<!--#if (articlePage.totalRow == 0 ) { -->
					<section class="article-item zoomIn article align-center" style="font-size:2rem">
						暂无数据
					</section>
					<!--# } -->
				</layui:cmsArticleList>
			</div>
		</div>
	</div>
</div>
<script src="${ctxPath}${tpl}/js/article.js"></script>
<!--#}  -->